<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
html, body {
	height: 100%;
}
</style>
</head>
<script src="/js/jquery.min.js"></script>  
<script src="/js/vue.min.js" type="text/javascript"></script>
<script src="/js/ajaxfileupload.js" type="text/javascript"></script>
<body>
	<div id="app-1">
		<p>单文件上传</p>
		<div>
			文件：<input id="file" type="file" name="file"
				@change="uploadImg($event)" />
		</div>
		<hr />
		<p>文件下载</p>
		<a href="/files/blank(3).gif" download="w3logo">文件下载</a> <a href="#"
			download="w3logo">文件下载</a>
		<hr />
	</div>
	<script src="/js/0.0.js" type="text/javascript"></script>
	<script type="text/javascript">
	var vm = new Vue(
		{
			el : "#app-1",
			data : {
			},
			mounted : function() {
				this.$nextTick(function() {
					vm.aaa();
				})

			},
			methods : {
				/**
				 * 上传图片
				 * @param event
				 */
				uploadImg : function(event) {
					var obj = event.target;
					var $file = $(obj);
					var fileObj = $file[0];
					var windowURL = window.URL || window.webkitURL;
					var dataURL;
					var $img = $(obj).parent();
					if (fileObj && fileObj.files && fileObj.files[0]) {
						dataURL = windowURL
							.createObjectURL(fileObj.files[0]);
					//$img.css('background-image',"url("+dataURL+")");
					}
					$.ajaxFileUpload({
						url : '/upload', // 需要链接到服务器地址
						secureuri : false,
						fileElementId : "file", // 文件选择框的id属性
						dataType : 'text', // 服务器返回的格式，可以是json
						success : function(res) // 相当于java中try语句块的用法
						{
							console.log("我的图" + res)
							 var url = res.replace('<pre style="word-wrap: break-word; white-space: pre-wrap;">',"");
							url = url.replace("</pre>", "")
							console.log("我的图" + url)
						},
						error : function(data, status, e) // 相当于java中catch语句块的用法
						{
							alert('失败');

						}
					})

				},
				aaa : function() {

					$.ajax({
						type : "GET",
						url : "/aaa",
						dataType : "json",
						success : function(data) {
							alert(data.name)
						},
						error : function(data, status, e) {
							alert("sh")
						}
					});
				/*$.get("/aaa", "", function(res, status, jqxhr) {
				}).fail(function() {
					alert('失败');
				}); */
				},
			}
		})
</script>
</body>
</html>